<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta content="telephone=no" name="format-detection" />
    <meta name="description" content="">
	<meta name="keywords" content="">
    <title>知识库-详情</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/global.css">
    <link rel="stylesheet" type="text/css" href="css/media.css">   
</head>
<body id="app">
    <!-- 头部 -->
    <header class="header dn" v-show="!showModal" v-cloak id="header">
        <a href="javascript:;" title="返回" class="icon back" @click="back();"></a>
        <h1>{{info.typeName}}</h1>
        <a href="javascript:void(0);" @click="share();" title="分享" class="icon shareIcon" style="display:none"></a>
        <a href="javascript:void(0);" title="分类" class="icon flIcon" @click="add();" v-if="info.deletePower==1"></a>
    </header>


    <!-- 详情 -->
    <section class="" v-show="!showModal" id="section">
        <!-- <div id="viewer" style="height: 100%"></div> -->
        <div class="font24 color21 article" id="vDiv" >

            <div id="viewer" style="width:100%" v-touch:tap="showHeader($event)"></div>

   <!--          <iframe v-bind:src = info.content  width="100%" height="100%" id="artIframe"> 
            </iframe> -->

        </div>

		<div class="clearfix artFooter dn">
			<a href="javascript:void(0);"  @click="Collection();return false;" class="fl btns collBtn">{{collectionTitle}}</a>
			<a href="comments.html?id={{info.id}}" class="fr btns comsIcon">评论（{{info.commentCount}}）</a>
		</div>

        
    </section>

    <!-- 更多 -->
    <template v-if="addShow==true" v-cloak>
        <div class="cateBoxBg" @click="add();"></div>
        <ul class="cateBox">
            <template v-if="info.deletePower==1">
              <li><a href="javascript:void(0);" class="ooo">删除</a></li>
            </template>
        </ul>
    </template>

      
    <script type="text/javascript" src="js/lib/jquery.min.1.7.2.js"></script>
    <script type="text/javascript" src="js/lib/vue.js"></script>
    <script src="js/lib/hammer.min.js"></script>
    <script src="js/lib/vue-touch.js"></script>
    <script type="text/javascript" src="js/lib/global.js"></script>
    <script type="text/javascript" src="js/lib/alert.js?id=1"></script>
    <script type="text/javascript" src="js/lib/common.js"></script>
    <script type="text/javascript" src="js/attachDetail.js?id=4"></script>
    <!-- <script src="http://zopen.everydo.cn:9870/static/main.js"></script> -->
    <script src="http://zopen.beta.easydo.cn:9870/static/main.js"></script>
</body>
</html>